<!DOCTYPE html>
<html>
<head>
    <title>YourSchool | Main</title>
    <link href="/media/style.css" rel="stylesheet" type="text/css" />
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/start/jquery-ui.css" type="text/css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javascript"></script>
    <script src="/media/script.js" type="text/javascript"></script>
    <script src="/media/meter-polyfill.js" type="text/javascript"></script>
    <link href="/media/meter-polyfill.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="wrapper">
        <header>
            <h1>YourSchool</h1>
            <p>
                {% if not user.is_authenticated %}
                    <p>Welcome, new user. Please log in!
                {% endif %}
            </p>
        </header>
        <nav>
            <ul id="main-navigation">
            {% if user.is_authenticated %}
                <li>{{ user.username }} ({% if request.teacher %} Teacher {% else %} Student {% endif %})</li>
                <li><a href="/exams">Exam list</a></li>
                {% if not request.teacher %}
                    <li><a href="/grades">Grades</a></li>
                {% else %}
                    <li><a href="/create">Create Exam</a></li>
                {% endif %}
                <li><a href="/accounts/logout">Log Out</a></li>
            {% endif %}
            </ul>
        </nav>
        <section>
            {% block content %}{% endblock %}
        </section>
        <footer>
            
        </footer>
    </div>
</body>
</html>